<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!--标准mui.css-->
	<link rel="stylesheet" href="${ctxStatic}/mobile/css/mui.min.css">
	<link rel="stylesheet" href="${ctxStatic}/mobile/css/common.css">
	<title>关于多多</title>
	<style type="text/css">
		.leave-box{padding: 10px;background: #fff;margin: 10px;}
		.message{letter-spacing: 1px;line-height: 20px;height: 170px;}
		.leave-box .flex-box{border-bottom: solid 1px #efefef;}
		.leave-box>.flex-box{line-height: 47px;border: solid 1px #e5e5e5;min-height: 45px;}
		.leave-box input,.leave-box textarea,.leave-box select{margin-bottom: 0;padding: 15px 0;border: none;font-size: 13px;}
		.leave-box textarea{padding: 15px 20px;}
		.leave-box select{line-height: 15px;color: #ccc;z-index: 2;background-color: transparent;}
		.leave-box>.flex-box+.flex-box{margin-top: 10px;}
		.label-name{font-size: 13px;padding-left: 20px;padding-right: 5px;color: #666;}
		.leave-form-group{margin-top: -10px;}
		.leave-form-group .flex-box{position: relative;}
		.leave-form-group .mui-icon-arrowdown{position: absolute;top: 15px;color: #999;right: 0;font-size: 20px;z-index: 1;}
		.btn-submit{width: 80%;font-size: 15px;border-color: #45a2ff;background-color: #45a2ff;margin-top: 25px;margin-bottom: 15px;}
		/*placeholder样式*/
		::-webkit-input-placeholder { /* WebKit, Blink, Edge */
			color:    #ccc;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:    #ccc;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:    #ccc;
		}
		:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color:    #ccc;
		}
	</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
	<h1 class="mui-title">
		<img src="${ctxStatic}/mobile/images/logo.png" class="logo" />
	</h1>
</header>

<nav class="mui-bar mui-bar-tab">
	<a class="mui-tab-item" href="${ctx}">
		<span class="icon icon-home"></span>
		<span class="mui-tab-label">多多看盘</span>
	</a>
	<a class="mui-tab-item" href="${ctx}/list-6.html">
		<span class="icon icon-zx"></span>
		<span class="mui-tab-label">最新资讯</span>
	</a>
	<a class="mui-tab-item" href="${ctx}/list-10.html">
		<span class="icon icon-rjjs"></span>
		<span class="mui-tab-label">软件介绍</span>
	</a>
	<a class="mui-tab-item" href="${ctx}/list-2.html">
		<span class="icon icon-gydd"></span>
		<span class="mui-tab-label">关于多多</span>
	</a>
	<a class="mui-tab-item mui-active" href="${ctx}/guestbook.html">
		<span class="icon icon-ggly"></span>
		<span class="mui-tab-label">公共留言</span>
	</a>
</nav>
<div class="mui-content">
	<div class="leave-box">
		<div class="flex-box">
			<span class="label-name">名称：</span>
			<input class="flex-box-item" placeholder="请输入留言标题" />
		</div>
		<div class="flex-box">
			<textarea class="message" class="flex-box-item" placeholder="请输入留言内容"></textarea>
		</div>
	</div>
	<div class="leave-box">
		<div class="leave-form-group">
			<div class="flex-box">
				<span class="label-name">名称：</span>
				<input class="flex-box-item" placeholder="请输入邮箱" />
			</div>
			<div class="flex-box">
				<span class="label-name">名称：</span>
				<input class="flex-box-item" placeholder="请输入电话" />
			</div>
			<div class="flex-box">
				<span class="label-name">名称：</span>
				<input class="flex-box-item" placeholder="请输入单位地址" />
			</div>
			<div class="flex-box">
				<span class="label-name">留言分类：</span>
				<select class="flex-box-item">
					<option selected="selected" disabled="disabled">选择留言分类</option>
					<option>咨询</option>
					<option>反馈</option>
				</select>
				<span class="mui-icon mui-icon-arrowdown"></span>
			</div>
			<div class="mui-text-center">
				<button class="mui-btn mui-btn-primary btn-submit">提交</button>
			</div>
		</div>
	</div>
</div>
</body>
</html>